<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用jquery基本过滤选择器</title>
<script type="text/javascript" src="jquery-2.0.3.min.js"></script>
<style type="text/css">
	body{font-size:12px;text-align:center}
	div{width:241px;height:83px;border:solid 1px #eee}
	h1{font-size:13px}
	ul{list-style-type:none;padding:0px}
	.DefClass,.NotClass{height:23px;width:60px;line-height:23px;float:left;border-top:solid 1px #eee;border-bottom:solid 1px #eee}
	.GetFocus{width:58px;border:solid 1px #666;background-color:#eee}
	#spnMove{width:238px;height:23px;line-height:23px;}
</style>
<script type="text/javascript">
	$(function(){//增加第一元素的类别
			$("li:first").addClass("GetFocus");
		})
		
	$(function(){//增加最后一个元素的类别
			$("li:last").addClass("GetFocus");
		})
		
	$(function(){//增加最后一个元素的类别
			$("li:not(.NotClass)").addClass("GetFocus");
		})
</script>
</head>
<body>

</body>
</html>